<include file="public/head" />
</head>

<body>
<div class="am-modal am-modal-alert" tabindex="-1" id="fq_alert">
  <div class="am-modal-dialog">
    <div class="am-modal-hd" id="fq_alert_title"></div>
    <div class="am-modal-bd" id="fq_alert_info">
    </div>
    <div class="am-modal-footer">
      <span class="am-modal-btn">确定</span>
    </div>
  </div>
</div>

<div class="am-modal am-modal-confirm" tabindex="-1" id="fq_confirm">
  <div class="am-modal-dialog">
    <div class="am-modal-hd" id="fq_confirm_title"></div>
    <div class="am-modal-bd" id="fq_confirm_info"></div>
    <div class="am-modal-footer">
      <span class="am-modal-btn" data-am-modal-confirm="">确定</span>
    </div>
  </div>
</div>
<div class="move">
    <header style="position:relative;z-index:999;background:#F54D23;">
    <a href="javascript:void(0);" onclick="back();" style="position:absolute;top:2px;color:#fff;width:45px;height:100%;padding-left:10px;font-size:25px;" class="am-inline-block am-text-middle am-icon-angle-left"><!-- <img src="/Public/assets/mobile/images/left.png" />--></a><div class="am-per-center am-text-center am-padding-vertical-sm" style="color:#fff;font-size:16px;">我的晒单</div>
</header>
<script>

    function back(){
       var last_page_url = (document.referrer);
       if(last_page_url){
          	window.history.back();
		}else{
			window.location.href ='{:U('Index/index')}';
		}
    }

</script>
    <ul class="am-tabs-nav am-nav am-nav-tabs" id="nav2">
        <li style="padding-left:0;padding-right:0;" <if condition="$share_curr eq 'index'">class="am-active"</if>><a href="{:U('Share/index')}">晒单广场</a></li> 
        <li style="padding-left:0;padding-right:0;" <if condition="$share_curr eq 'my'">class="am-active"</if>><a href="{:U('User/myshare')}">我的晒单</a></li>
        <li style="padding-left:0;padding-right:0;" <if condition="$share_curr eq 'rank'">class="am-active"</if>><a href="{:U('Share/rank')}">晒单排行</a></li>
        <li style="float:right;"><a class="am-fr am-text-sm am-padding-horizontal-xs top_refer" style="background-color:#FFF;border:.1rem solid #F3E7E3;padding-top:3px;padding-bottom:3px;margin-top:6px;margin-bottom:3px;" href="{:U('User/share')}">晒单奖励</a></li>
    </ul>
    <style>
        html,body{
            overflow-x:hidden;
        }
        .move{
            margin-bottom:49px;
            font-family:'Microsoft YaHei';
        }

        .top_nav{
            margin:0;
            padding:5px 0 0 10px;
            list-style:none;
        }

         .top_nav li{
            float:left;
        }
        .top_nav li a.am-active{
            border-bottom:2px solid #F54D23;
        }

        .top_hr{
            margin:5px 0 10px;
            background-color:#f8f8f8;
            border:0;height:.5rem;
        }

        .nav.am-active{
            color:#F54D23;
        }

        .nav{
            color:#3d0505;
            display:inline-block;
        }
        .box{
            position:relative;
            z-index:1;
        }

        .box ul{
            margin:0;
            padding:0;
            list-style:none;
        }
        .move .box ul li{
            padding:0;
        }
        .image_show img{
            margin-bottom:5px;
        }

        .star{
            color:#3d0505;
        }

        .star i{
            color:rgb(255,215,000);
        }
        .price{
            font-weight:400;
            color:#f54d23;
        }
        .am-nav-tabs{
            border-bottom:0.1rem solid #f3e7e3;
        }
        #nav2{
           margin:0;
        }
        #nav2 li{
            padding:0 .5rem;
        }
        #nav2 li.am-active{
            border-bottom:.3rem solid #F54D23;
        }
        #nav2 li.am-active a{
            color:#F54D23;
        }
        #nav2 li a{
            border:0;
            padding:10px 7px 7px 7px;
            font-size:1.4rem;
            color:#3d0505;
        }
        #nav{
            border:0;
        }
        #nav li{
        	padding-bottom:0;
        }
        #nav li a{
            color:#3d0505;
            border-color:#f8f8f8;
            padding:0.6rem;
            font-size:1.4rem;
            background:transparent;
        }
        #nav li.am-active a{
        	color:#F54D23;
        }
        .box{
        	background:#FFF;
        }
    </style>

    <div style="background:#f8f8f8;">
        <ul class="am-avg-sm-4 am-thumbnails am-block" id="nav">
	    	<li class="am-text-center am-inline-block <if condition="$status eq -1">am-active</if> "><a class="am-block" href="{:U('User/myshare')}">全部</a></li>
	    	<li class="am-text-center am-inline-block <if condition="$status eq 0">am-active</if>"><a class="am-block" href="{:U('User/myshare',array('status'=>0))}">待审核</a></li>
	    	<li class="am-text-center am-inline-block <if condition="$status eq 1">am-active</if>"><a class="am-block" href="{:U('User/myshare',array('status'=>1))}">已通过</a></li>
	    	<li class="am-text-center am-inline-block <if condition="$status eq 2">am-active</if>"><a class="am-block" href="{:U('User/myshare',array('status'=>2))}">已拒绝</a></li>
		</ul>
    </div>

    <div class="am-padding-horizontal-sm am-margin-top-sm am-text-center am-text-sm am-hide" style="background:#FFF;">

    	您还没发布过晒单,点击按钮可进行晒单操作

    	<br>

    	<button type="button" onclick="share_refer();" class="am-btn am-radius am-center am-margin-top-xs refer" style="background-color:#F54D23;color:#fff;border-radius:4px; padding:5px 12px;">晒单奖励</button>
	</div>

    <div class="am-text-center am-padding-vertical-sm am-hide" style="background:#FFF;">
    暂无晒单信息
    </div>
    <div class="am-cf"></div>
    <div class="am-text-sm box am-padding-top-sm">
        <ul>
        <volist name="shares" id="vo">
            <li style="">
            	<div class="am-padding-horizontal-sm am-inline-block">
            	<if condition="$vo.status eq 0">
                	<span class="am-text-success"><i class="am-icon-info-circle"></i> 待审核</span>   
                <elseif condition="$vo.status eq 1" />	 
               		<span class="am-text-primary"><i class="am-icon-check-circle"></i>审核已通过</span>
                <else />
               		<span style="color:#F53D23;"><i class="am-icon-times-circle"></i> 审核已拒绝</span>      
                </if>            
                </div>
                <span style="margin-left:6px;"><if condition="$vo.status eq 1">奖励积分: {$vo.score}<elseif condition="$vo.status eq 2" />扣除积分: {$vo.score}<else /> </if></span>
                <div class="am-padding-horizontal-sm am-fr" style="color:#3d0505;">
		            <div class="am-inline-block" style="color:#8f8f8f;">
		                <span>{$vo.add_time|frienddate}</span>
		            </div>
		        </div>
                <div class="am-cf"></div>
                <div class="am-margin-horizontal-sm" style="color:#3d0505;">
                	<p style="color:#F53D23;" class="am-hide">拒绝理由:{$vo.reason}</p>
                    <div class="am-margin-vertical-xs">
                        {$vo.content|htmlspecialchars_decode}
                    </div>
                    <div class="image_show am-margin-top-xs am-gallery am-gallery-default am-no-layout" data-am-widget="gallery" data-am-gallery="{ pureview: true }" style="color:#3d0505;padding-left:0;margin-left:0;">
                    <php> 
                      $images = explode(',',$vo['img']);
                      for($i=0;$i<count($images);$i++){
						$img_url = $images[$i];
						echo '<img src="'.$img_url.'" style="max-width:200px;" data-am-pureviewed="1">'; 
                      }
                    </php>
                    </div>

                    <div class="am-margin-top-xs star">
                        <div class="am-inline am-margin-right-xs">
                            <span>评分: </span>
                            <php> 
                            for($i=1;$i<=5;$i++){
                            	if($i<=$vo['pingfen'])
                            		echo '<i class="am-icon-star"></i>';
                            	else
                            		echo '<i class="am-icon-star-0"></i>';
                            }
                            </php>

                        </div>
                        <div class="am-inline am-fr">
                            <span style="margin-left:0px;">到手价: <span class="am-text-sm price">{$vo.price}</span>元</span>
                        </div>
                    </div>
                    <div>
                        <span>订单号：</span><span>{$vo.orderid}</span>
                    </div>
                </div>
                <div class="am-cf"></div>
            </li>
            <hr data-am-widget="divider" style="margin:10px;color:#f3e7e3;" class="am-divider am-divider-solid am-no-layout"></ul>
            </volist>
        <ul class="am-pagination am-pagination-centered am-text-xs" id="page">    </ul>
    </div>
</div>
<include file="public/foot" />
<div class="am-hide"></div>
</body>
</html>